<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    
</body>
<script>
    // 循环的三要素
        // 计数器
        // 判断条件
        // 计数器的改变
    
    // while(){}
        // while       语句名
        // ()          循环执行条件
        // {}          执行语句
    
    // 计数器
    // var a = 0;
    //     // 判断条件
    // while(a<10){
    //     console.log("hello");
    //     // 计数器的改变
    //     a++;
    // }

    // do{}while()
        // do      语句名1
        // {}      执行语句
        // while   语句名2
        // ()      循环的执行条件
    
    // var a = 0;
    // do{
    //     console.log("world");
    //     a++;
    // }while(a < 10);

    

    // while和do-while的区别

    // while(true){
    //     console.log("hello")
    // }

    // while(false){
    //     console.log("hello")
    // }

    // do{
    //     console.log("world")
    // }while(false)

    // while的条件前置，先判断条件，再执行语句
    // do-while的条件后置，先执行语句，再判断条件

    // 执行条件都是false时，do-while比while多执行一次


    // for(){}
        // for         语句名
        // ()          三要素
        // {}          执行语句


    // for(var a=0; a<10; a++){
    //     console.log("hello");
    // }


    // for和while的区别
        // for的三要素更集中，执行顺序固定
        // while的三要素更灵活，执行顺序自定义

        //      1     2    3
    // for(var a=0; a<10; a++){
    //         4
    //     console.log(a);
    // }
    // 1->2->4->3->2->4->3.....

    //     // 1
    // var a = 0;
    //     // 2
    // while(a<10){
    //     // 3
    //     a++;
    //     // 4
    //     console.log(a);
    // }

</script>
</html>